<template>
  <div class="header">
    <el-header>
        <div class="title">教务管理系统</div>
        <div>{{name}}</div>
    </el-header>

  </div>
</template>

<script>
export default {
  name: "",
  props: [""],
  data() {
    return {
      name:''
    };
  },

  components: {},

  computed: {},

  created() {
    this.name=localStorage.getItem("username")
  },

  mounted() {},

  methods: {},
};
</script>
<style lang='less' scoped>
.header{
    .el-header{
        background:#409EFF;
        color:#fff;
        line-height: 60px;
        display: flex;
        justify-content: space-between;
        .title{
            width: 300px;
            font-size: 26px;
        }
    }
}
</style>